<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>使用 layDate 独立版</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">

  <style>
    body {
      padding: 20px;
    }

    .demo-input {
      padding-left: 10px;
      height: 38px;
      min-width: 262px;
      line-height: 38px;
      border: 1px solid #e6e6e6;
      background-color: #fff;
      border-radius: 2px;
    }
  </style>
</head>

<body>
  <input type="text" class="demo-input" placeholder="请选择日期" id="test1">

  <script src="laydate/laydate.js"></script>
  <script>
    //执行一个laydate实例
    laydate.render({
      elem: '#test1', //指定元素
      theme: '#069',
      calendar: true,
      mark: {
        '0-08-26': '胜日'
      }
    });
  </script>
</body>

</html>